<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@include file="head.jsp" %>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>景点</title>
	<style type="text/css">
		.wrapper{
			border:solid lightblue 1px;
			background-color:lightgray;
		}
		.wrapper h1{
			background:lightblue
		}
		.wrapper img{
			position:relative;
			left:50px;
		}
		.wrapper .text{
			display:inline;
			position:relative;
			top:40px;
			left:50px;
			color:blue;
			font-family:黑体;
		}
		.class{	
			list-style:none;
			margin:20px;		
		}
		.class a{
			text-decoration:none;		
		}
	</style>
</head>
	<div class="wrapper">
	<h1 align="center" >欢迎来到景点，请选择你喜爱的一种！</h1>
	<ol>
		<ul type="disc">
		    <li class="class">1<a href="CommentServlet">泰山</a></li>
		    <img src="image/taishan.jpg" width="100px" height="100px">
		    <div class="text">推荐指数☆☆☆☆</div>
		    <li class="class">2<a href="SCommentServlet" >嵩山</a></li>
		    <img src="image/songshan.jpg" width="100px" height="100px">
		    <div class="text">推荐指数☆☆☆</div>
		    <li class="class">3<a href="HCommentServlet" >华山</a></li>
		    <img src="image/huashan.jpg" width="100px" height="100px">
		    <div class="text">推荐指数☆☆</div>
		    <li class="class">4<a href="BCommentServlet" >白云山</a></li>
		    <img src="image/baiyunshan.jpg" width="100px" height="100px">
		    <div class="text">推荐指数☆☆</div>
		</ul>
	</ol>
	</div>
<%@include file="foot.jsp" %>